@import "./variables.scss";

.fty-list-group {
  > .list-group-item {
    //padding: 0.6em 0.2em;
    padding: 1em;
    border-bottom: 1px solid $borderColor;
    min-height: 1em;
    position: relative;
    > .el-tag {
      float: right;
    }
    &:last-of-type  {
      border-bottom: 0px;
    }

    &.active {
      background-color: $secondColor;
      color: white;
      &:hover {
        background-color: $secondColor;
      }
    }

    &:hover {
      background-color: $defaultBgColor;
    }
  }

  &.item-hover {
    .list-group-item:hover:not(.active) {
      background-color: $defaultBgColor;
    }
  }
}
.fty-card {

  > .fty-list-group {
    margin: 0px;
  }

  .fty-card-body{
    > .fty-list-group {
      margin: -10px;
      .list-group-item {
        padding-left: 20px;
        padding-right: 20px;
        &:first-child {
          border-top: 0px;
        }
        &:nth-last-child(1) {
          border-bottom: 0px;
        }
      }
    }
  }

  .el-card__body{
    > .fty-list-group {
      margin: -20px;
      .list-group-item {
        padding-left: 20px;
        padding-right: 20px;
        &:first-child {
          border-top: 0px;
        }
        &:nth-last-child(1) {
          border-bottom: 0px;
        }
      }
    }
  }

}
.fty-modal, .el-dialog {
  .fty-list-group {
    margin: 0px;
    .list-group-item {
      &:first-child {
        border-top: 0px;
      }
      &:nth-last-child(1) {
        border-bottom: 0px;
      }
    }
  }
}
